<template>
  <div class="recording">
    <x-header :left-options="{showBack: true, backText: ''}" style="">发布记录</x-header>
    <div class="record_list">
      <group>
        <cell v-for="(item, index) in items" :key="index"  :title="item.title" :value="item.create_time|formatDate" :link="{name: 'Details', params:{detailsid: item.id}}" v-if="item.title"></cell>
      </group>
    </div>

  </div>
</template>

<script>
import { XHeader, Group, Cell } from "vux";
import { mapGetters } from "vuex";
import api from "../../../api/index";
import VScroll from "../../pull-refresh";

export default {
  name: "Recording",
  components: {
    XHeader,
    Group,
    Cell
  },
  data() {
    return {
      items: []
    };
  },
  //计算属性
  computed: {
    ...mapGetters(["recordigList"])
  },
  //
  created() {},
  activated() {
    let userid = window.localStorage.getItem("user");
    this.$store.dispatch("getrecordlist", { id: userid });
  },
  //侦听属性
  watch: {
    recordigList: function(val) {
      this.items = val;
    }
  }
};
</script>

<style lang="less">
// .contact-group {
//   .weui-cell_access {
//     .weui-cell__ft:after {
//       content: none !important;
//     }
//   }
//   .weui-cells{
//     margin-top: 0;
//   }
// }

.recording {
  width: 100%;
  min-height: 100vh;
  font-size: 0;
  background: rgb(245, 245, 249);
  position: relative;
  .weui-cells__title {
    font-size: 14/16rem;
  }
  .vux-cell-primary {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    p {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .vux-label {
    font-size: 18/16rem;
  }
  .weui-cell__ft {
    font-size: 13/16rem;
    color: rgb(102, 102, 102);
    padding-left: 13px;
  }
  .record_list {
    padding: 2.875rem 0 0;
  }
}
</style>
